html, body {
	background-color: white;
	font: normal 11px arial, tahoma, helvetica, sans-serif;
}
/* button - Aero sucks */
.button {
	background-color: #99bbe8;
	border-color: #d9e8fb;
}
/* tree */
.tree .treeItemSelected {
	background-color: #d9e8fb;
}
.tree .treeItemHighlight {
	background-color: #eeeeee;
}
.tree span, .tree div {
	cursor: pointer;
	font-size: 10px;
}
.tree .treeItemDragHoverTop {
	border-top: navy 1px dotted;
	background-color: transparent !important;
}
.tree .treeItemDragHoverBottom {
	border-bottom: navy 1px dotted;
	background-color: transparent !important;
}

.tree div:hover {
	background-color: #eeeeee;
}
.treeDrag div:hover {
	background-color: transparent !important;
}
.tree .treeItemDragHover {
	background-color: #eeeeee;
	color: black;
}
.tree .treeItemSelected:hover {
	background-color: #d9e8fb !important;
}
.treeItemDrag {
	background-color: #eee;
	height: 16px;	
	border: 1px solid silver;
	padding: 2px;
}
.treeItemDrag span {
	vertical-align: top;
	padding-left: 5px;
	font-weight: bold;
}
.treeItemDrag img {
	margin-left: 2px;
}
.tree .treeImageLoading {
	background: transparent url(../../../lib/images/loading.gif) no-repeat;
}


/* grid */
.inGrid {
	border: 1px solid #99bbe8;
}
.inGridRow:hover {
	background-color: #eeeeee;
	border: 1px solid #dddddd;
}
.inGridRowSelected {
	background-color: #d9e8fb !important;
	border: 1px dotted #99bbe8 !important;
}
.inGridHeader table {
	background-color: #eeeeee;
}
.inGridHeader div {
	border: 1px solid #dddddd;
	border-top: none;
	border-left: none;
	margin-bottom: -1px;
	margin-right: 0px;
}
.inGridHeaderMenu div {
	border: none;
	border-top: none;
	border-left: none;
	margin-bottom: -1px;
	margin-right: 0px;
}

/* resizer */
.resizer {
	position: relative;
	overflow: hidden;
}
.resizerHandler {
	border-color: #99bbe8;
}
.resizeObject {
	visibility: visible;
}
.resizing {
	background-color: #d9e8fb;
}
.resizing .resizeObject {
	visibility: hidden;
}